<template>
   <div id="box">
       <header>
           <span class="one" @click="fanhui">
              <img src="../assets/img/fanhui2.png" class="fanhui">
            </span>
            <span class="center">选号专区</span>
            <span class="two" @click="xian">
              <img src="../assets/img/gengduo.png" class="gengduo">
            </span>  
            <div class="chu">
              <ol>
                <router-link to="/shouye">
                <li><img src="../assets/img/chu1.png">返回首页</li>
                </router-link>
                <router-link to="/dengluzhanghao">
                <li><img src="../assets/img/chu2.png">用户中心</li>
              </router-link>
              <router-link to="/yigoujilu">
                <li><img src="../assets/img/chu3.png">一购记录</li>
              </router-link>
              </ol>
            </div>  
       </header>
       <main>
         <ul>
           <li>全部</li>
           <li>进行中</li>
           <li>已揭晓</li>
         </ul>
       </main>
       <content>
            <ul>
                <li><img src="../assets/img/zanwu.png" class="zanwu"></li>
                <li class="zanwushuju">暂无数据</li>
            </ul>
        </content>      
   </div>
</template>

<script>
export default {
  name: 'xuanhaozhuanqu',
 methods:{
  fanhui(){
    this.$router.go(-1)
  },
  xian(){
    if($(".chu").css('display')=='none'){
      $('.chu').show()
    }else{
      $(".chu").hide()
    }
    
  }
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '.././assets/less/xuanhaozhuanqu.less';
    @import '.././assets/css/reset.css';
</style>